<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/xml" prefix="x" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0030)http://t.163.com/app/list/life -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>G305实验室交流平台</title>
<meta name="Keywords" content="g305">
<meta name="Description" content="g305实验室交流平台">

<link rel="stylesheet" type="text/css"
	href="../../static/common1.2.4.css">

<link rel="stylesheet" href="../../static/oauth1.0.3.css"
	type="text/css">
<script type="text/javascript" src="../../static/ntes_jslib_1.4.4.js"
	charset="utf-8"></script>
<script type="text/javascript" src="../../static/js/jquery-1.7.min.js"></script>
<style type="text/css">
#msg {
	font-size: larger;
	color: red;
}

div.panel,p.flip {
	margin: 0px;
	padding: 5px;
	text-align: center;
	background: #e5eecc;
	border: solid 1px #c3c3c3;
}

div.panel {
	height: 200px;
	display: none;
}

th{
	 font-weight:  bold;
	 color:  red; 
} 


.panel td{
	width: 50px;
}
</style>


<script type="text/javascript">
	function google() {
		var str = document.getElementById("google").value;
		window.location.href = "http://www.google.com.hk/search?q=" + str;
	}
	function baidu() {
		var str = document.getElementById("baidu").value;
		window.location.href = "http://www.baidu.com/s?wd=" + str;
	}

	function checkAll() {
		var username = document.getElementById("username").value;
		var password = document.getElementById("password").value;
		var msg = document.getElementById("msg");
		var flag = true;
		if (username == "") {
			msg.innerHTML = "<img src=\"../../static/img/check_error.png\" align=\"middle\">用户名不能为空";
			flag = false;
		} else if (password == "") {
			msg.innerHTML = "<img src=\"../../static/img/check_error.png\" align=\"middle\">密码不能为空";
			flag = false;
		}
		return flag;
	}

	$(document).ready(function() {
		$(".flip").click(function() {
			$(".panel").slideToggle("slow");
		});
	});
</script>
</head>
<body screen_capture_injected="true">
	<div class="global-nav" id="globalNav">
		<div class="global-nav-inner">
			<form action="/user/login.do" method="post">
				<ul class="global-nav-left">
					<li class="item"><label>用户名：</label><input type="text"
						name="username" /></li>
					<li class="item"><label>密码：</label><input type="password"
						name="password" /></li>
					<li class="item"><input type="submit" value="登录" /></li>
					<li class="item"><a href="/user/register_view.do">&nbsp;&nbsp;&nbsp;&nbsp;注册</a>
					</li>
				</ul>
			</form>
		</div>
	</div>

	<div class="header">
		<div class="header-inner">
			<a class="sub-logo oauth-logo" href="#" title="G305"></a>
		</div>
	</div>
	<center>
		<p>
			<img width="50" height="50" alt="G305光环" src="../../static/img/progress_bar.gif"
				align="right"> <font size="7" color="red">G</font><font
				size="5" color="green">3</font><font size="5" color="#ff00ff">0</font><font
				size="5" color="#9400d3">5</font><font size="5">内部交流平台</font> <img
				width="50" height="50" alt="G305光环" src="../../static/img/progress_bar.gif"
				align="left">
		</p>

		<table>
			<tr>
				<td><img width="100" height="60" alt="google"
					src="../../static/img/google.png" align="bottom"></td>
				<td><input type="text" id="google" size="40"
					style="height: 30px"></td>
				<td><input type="button" id="google_button" value="谷歌一下"
					style="height: 30px" onclick="google();"></td>
			</tr>
			<tr>
				<td><img width="100" height="60" alt="baidu"
					src="../../static/img/baidu.png" align="bottom"></td>
				<td><input type="text" id="baidu" size="40"
					style="height: 30px"></td>
				<td><input type="button" id="baidu_button" value="百度一下"
					style="height: 30px" onclick="baidu();"></td>
			</tr>
		</table>

		<div class="panel">
		<table>
			<c:import url="/xml/navication.xml" var="xml" charEncoding="UTF-8"></c:import>
			<x:parse doc="${xml}" var="list" scope="page"></x:parse>
			<x:forEach var="class" select="$list/items/class">
				<tr>
				<th><x:out select="$class/@id" /></th>
				<x:forEach var="item" select="$class/item">
					<td><a href="<x:out select="$item/url" />"><x:out select="$item/name" /></a></td>
				</x:forEach>
				</tr>
			</x:forEach>
			</table>
		</div>

		<p class="flip">网站导航</p>

</center>
		<jsp:include page="../templete/footer.jsp"></jsp:include>
</body>
</html>